.ibanner{ position:relative; height:894px; overflow: hidden; margin-top: 123px;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:1%;}
.ibanner .swiper-button-next{ right:1%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:3rem; height:3rem; line-height:3rem; text-align:center; background: #b62b20;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:6rem!important; color: #fff; text-align: left; padding:0 0 0 45%; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 4rem; height: 2px; border-radius: 0;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; height: 2px;}
.ibanner .swiper-pagination-current{ font-size: 2.4rem; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image: linear-gradient(220deg,#0481dc,#3cc2e7);}

.ibanner .bH{ height: 100%; position: relative;}
.ibanner .bfont{ color: #fff; text-align: center;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont a{ display: inline-block; border: 1px solid #fff; border-radius: 5px; width: 16rem; height: 4.6rem; color: #fff; line-height: 4.6rem; font-size: 1.8rem; margin-top: 3rem;}
.ibanner .bfont a:hover{background: #fff; color: #574ced; border-radius: 5rem; transition: all 0.4s;}

/*首页底部轮播样式*/
.ibanner_bot{ position:relative; height:429px; overflow: hidden;}
.ibanner_bot .swiper-container {width: 100%;height: 100%;}
.ibanner_bot .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */-webkit-align-items: center;align-items: center; position:relative;}
.left-box{ font-size: 4rem; color: #ffffff;text-align: left; line-height: 2; font-weight: bold; position: relative; padding-left: 4rem;}
.left-box:before{position: absolute; width: 5px; height: 80%; background: #d2321f; content: ""; display: block; left: 0; top: 20px;}
.ibanner_bot .swiper-pagination{text-align: left; left: 10% !important; }
.ibanner_bot .swiper-pagination-bullet-active{ opacity: 1; background: #d2321f !important;}
.ibanner_bot .swiper-pagination-bullet{ width: 13px; height: 13px; background: #ffffff; opacity: 0.5;} 
/*首页标题样式*/
.tit_1{ text-align: center; position: relative;padding-bottom: 3rem; margin-bottom: 5rem; position: relative; z-index: 5;}
.tit_1 h2{ font-size: 4.8rem; font-weight: bold; line-height: 6rem; color: #040021;z-index: 100;position: relative;}
.tit_1 p{ font-size: 2rem; color: #6a6a6a; padding: 2rem 20%;}
.tit_2 { text-align: left; color: #403f3f; font-weight: bold;}
.tit_2 h2{font-size: 4.8rem;}
.tit_3 { text-align: left; color: #ffffff; font-weight: bold;}
.tit_3 h2{font-size: 4.8rem;}
.tit_4 { text-align: center; color: #403f3f; font-weight: bold;}
.tit_4 h2{font-size: 4.8rem;}
/*首页分类样式*/
.sect_k1{ background: #ffffff; padding: 10rem 0;  z-index: 2;position: relative; }
.sect_k1:before{ width:8.7rem; height: 13rem; position: absolute; z-index: 1; top: 2%; left:0; background:url(../img/bg_1.jpg) no-repeat center top; content: ""; display: block;}
.sect_k1:after{width:17.4rem; height: 22.6rem; position: absolute; z-index: 1; top: 0; right:0; background:url(../img/bg_2.jpg) no-repeat center top; content: ""; display: block;}
.container {display: flex; width: 100%; box-sizing: border-box;}
.box2 {flex: 1;transition: .5s; margin-right:10px; margin-left:10px; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); line-height: 0;  position: relative; transition: all 0.4s; height: 52rem; background: #000000;}
.box2 img { width: 200%; height: 100%; -o-object-fit: cover;  object-fit: cover; transition: .5s; opacity: 0.6;}
.box2 span { font-size: 2.8rem; display: block; text-align: center; line-height: 4.6rem; position: absolute; left: 0; right: 0; margin: 0 auto;top: 38%;color: #ffffff; transition: all 0.4s; font-weight: bold;}
.box2 div{ opacity: 0; top: 28%; text-align: left; position: absolute; left: 0; right: 0; width: 80%; margin: 0 auto; top: 0; color: #ffffff; transition: all 0.4s;}
.box2 div h2{ font-size: 2.8rem; line-height: 2;}
.box2 div p{ font-size: 2rem;    line-height: 3rem;}
.box2 div a{ max-width: 23rem; width:100%; height: 4.5rem; line-height: 4.5rem; color: #ffffff; font-size: 16px; text-align: center; background: #d2321f; display: inline-block; border-radius: 30px; margin-top: 2rem;}
.box2:hover,.active2{ flex: 1 1 30%;}
.active2 span{ opacity: 0;top: 100%; transition: all 0.4s;}
.active2 div{ opacity: 1; top: 28%; transition: all 0.4s; cursor: pointer;}
.box2 div a:hover{ background: #80b421;}
.box2:hover > img { width: 100%; height: 100%;}

.sect_k2{ background: url(../img/bg_p.jpg) no-repeat center top #f7f7f7; padding: 10rem 0; position: relative;}
.sect_k2:after{ width: 62%; position: absolute; right: 0; top: 20.6rem; height: 1px; content: ""; background: #c38185; display: block;z-index: 0;}
.prodBox{ width: 100%; position: relative; z-index: 100;}
.prodBox .hd{margin:0 auto;}
.prodBox .hd ul li{width: 33.3%;float: left;font-size: 0.85rem;text-align: center;line-height: 62px;position: relative; z-index: 0;cursor: pointer;}
.prodBox .hd ul li p{color: #414141; font-size: 18px; font-weight: 700; padding-top: 4rem; padding-bottom: 2rem; position: relative;}
.prodBox .hd ul li p:before{ width: 3px; height: 0px; background: #d2321f; display: block; content: ""; left: 0; right: 0; margin: 0 auto; position: absolute; bottom: 30px;}
.prodBox .hd ul li p:after{ width: 0; height: 10px; background: #d2321f; display: block; content: ""; bottom: -3px; left: 0; right: 0; margin: 0 auto;}
.prodBox .hd ul li.on p{ color: #cd1a1c; cursor: pointer;}
.prodBox .hd ul li.on p:after{ width: 50%; }
.prodBox .hd ul li.on p:before{ height: 20px;}

.img-box{ margin-bottom: 0rem; background: #ffffff; padding-bottom: 2rem;}
.img-box .icon{background: #ffffff;}
.img-box .icon img{ width: 100%; height: auto;  }
.img-box a{position: relative; padding: 3rem 0;transition: all 0.8s;}
.img-box a:before{ width: 0; height: 1.2rem; display: inline-block; background: #eb4e3e; left: 0; top: 0;content: "";position: absolute;transition: all 0.8s;}
.img-box a:after{ width: 1.2rem; height: 0;display: inline-block; top: 0; left: 0rem; content: ""; top: 0.8rem; position: absolute;background: #eb4e3e;transition: all 0.8s;}
.img-box a:hover .icon img{transform:scale(1.2);}
.img-box a:hover::before{ width: 90%; transition: all 0.8s;}
.img-box a:hover::after{height: 90%; transition: all 0.8s;}
.img-box .ntit{left: 0; right: 0; margin: 0 auto; text-align: center;     padding: 0 20px;}
.img-box .ntit p{ color: #403f3f; font-size: 3rem; font-weight: bold;}
.img-box .ntit em{ font-size: 2rem; color: #878787; font-weight: normal;display: block; line-height: 4rem;  font-style: normal;font-family: 'calibri';}
.img-box .lit_img{max-width: 96px; margin: 0 auto;}
.img-box .lit_img img{ border-radius: 100%;}
@media screen and (max-width:640px) {  
	.prodBox .hd ul li {
	    line-height: 40px;
	    width: 32%;
    padding: 0 0.5%;
	    text-align: center;
	}
}
	

.sect_k3{ padding: 10rem 0; position: relative;}
.sect_k3:before{ width: 184px; content: ""; height: 199px; position: absolute; z-index: 1; display: block; background: url(../img/bg_v1.jpg) no-repeat; left:2%; top:2%;}
.sect_k3:after{ width: 149px; content: ""; height: 85px; position: absolute; z-index: 1; display: block; background: url(../img/bg_v2.jpg) no-repeat; right: 4%; bottom:8%;}
.sect_k3 .vedio-box{ position: absolute; left: 0; right: 0; width: auto; color: #ffffff; display: block; top: 28%; text-align: center;}
.sect_k3 .vedio-box a{ display: block;}
.sect_k3 .vedio-box p{ font-size: 2.4rem;}
.sect_k3 .vedio-box h2{ font-size: 7.2rem;}
.sect_k3 .vedio-box em{ font-style: normal; font-size: 2.4rem;}
.sect_k3 .vedio{ position: relative; z-index: 100;}

.sect_k4{ background: url(../img/bg_about.jpg) no-repeat top center; background-size: cover; padding: 10rem 0; }
.sect_k4 .about_box{ background: #d2321f; padding: 4.6rem 4rem; text-align: center; min-height: 35.4rem;}
.sect_k4 .about_box h2{ font-size: 2.8rem; line-height: 2; color: #ffffff;}
.sect_k4 .about_box p{ font-size: 18px; color: #ffffff; line-height: 3.5rem; padding: 2rem 0; text-align: justify;}
.sect_k4 .box_2{ text-align: left; color: #403f3f; font-weight: bold;}
.sect_k4 .box_2 img{ padding-bottom: 3rem;}
.sect_k4 .box_2 p{ font-size: 4.8rem; font-weight: bold; line-height: 7rem;}
.sect_k4 .box_2 span{ font-size: 2rem;}
.sect_k4 .pad{ padding-left: 5rem;}


.sect_k5{ background: url(../img/bg_news.jpg) no-repeat center top;  padding: 10rem 0 10rem; transition: all 0.5s;}
.sect_k5 .news_bg{ background: #ffffff; padding: 4rem;}
.sect_k5 .news_bg ul{ list-style: none;}
.sect_k5 .news_bg ul li{ margin-bottom: 3rem;}
.sect_k5 .news_bg ul li a{ font-size: 2.2rem; color: #403f3f; line-height: 3rem; display: block; margin-bottom: 1.5rem; font-weight: bold;text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sect_k5 .news_bg ul li a:hover{ color: #d2321f;}
.sect_k5 .news_bg ul li em{ font-size: 2rem; color: #aaaaaa; font-style: normal; }
.sect_k5 .news_bg ul li em i{ font-size: 2rem; color: #aaaaaa; padding-right: 5px;}

.news-box{ padding-bottom: 1.8rem; position: relative; transition: all 0.6s; background: #ffffff;}
.news-box .icon{ width: 100%;overflow: hidden;}
.news-box img{ width: 100%;}
.news-box .time{ background: rgb(210,50,31,0.8); width: 4.9rem; height: 5.6rem; display: block; position: absolute; color: #ffffff; font-size: 2.4rem; text-align: center; left: 2rem; top: 3rem; z-index: 100; font-weight: bold; line-height: 3rem; padding: 2rem;}
.news-box .ntit{text-align: left; padding: 2rem 4rem;}
.news-box .ntit p{ color: #403f3f; font-size:2.4rem; font-weight: bold; line-height: 3.5rem;  }
.news-box .ntit em{ width: 17rem; height: 4.5rem; background: #d2321f; font-size: 16px; color: #ffffff; font-weight: normal;display: block; line-height: 4.5rem;  font-style: normal; text-align: center; border-radius: 35px;}
.news-box a:hover p{ color: #d2321f;}

.sect_k6{ background: url(../img/bg_case.jpg) no-repeat center center #ffffff;  padding: 10rem 0 10rem; transition: all 0.5s;}

.prodBox1{ width: 100%; position: relative; z-index: 100;}
.prodBox1 .hd{margin:0 auto; border-bottom: 1px solid #ea9f96;}
.prodBox1 .hd ul li{width: 33.3%;float: left;font-size: 0.85rem;text-align: center;line-height: 62px;position: relative; z-index: 0;cursor: pointer;}
.prodBox1 .hd ul li p{color: #414141; font-size: 18px; font-weight: 700; padding-top: 4rem; padding-bottom: 1rem; position: relative;}
.prodBox1 .hd ul li p:before{ width: 3px; height: 0px; background: #d2321f; display: block; content: ""; left: 0; right: 0; margin: 0 auto; position: absolute; bottom: 5px;}
.prodBox1 .hd ul li p:after{ width: 0; position: absolute; height: 10px; background: #d2321f; display: block; content: ""; bottom: -3px; left: 0; right: 0; margin: 0 auto;}
.prodBox1 .hd ul li.on p{ color: #cd1a1c; cursor: pointer;}
.prodBox1 .hd ul li.on p:after{ width: 50%; }
.prodBox1 .hd ul li.on p:before{ height: 20px;}

.case-box{ padding-bottom: 1.8rem; position: relative; transition: all 0.6s; background: #ffffff;}
.case-box .icon{ width: 100%;overflow: hidden;}
.case-box .icon img{ width: 100%; }
.case-box .time{ background: rgb(210,50,31,0.8); width: 4.9rem; height: 5.6rem; display: block; position: absolute; color: #ffffff; font-size: 2.4rem; text-align: center; left: 2rem; top: 3rem; z-index: 100; font-weight: bold; line-height: 3rem; padding: 2rem;}
.case-box .ntit{text-align: left; padding: 2rem;position: relative;}
.case-box .ntit b{ width: 38px; height: 3px; display: block; background: #d2321f;}
.case-box .ntit span{ font-size: 2.2rem; line-height:1.2; color: #403f3f; font-weight: bold;  margin-bottom: 2rem;} 
.case-box .ntit p{ color: #444444; font-size:2rem;  line-height: 3.5rem; margin-top: 3rem; word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.sabout{ height: 455px; overflow: hidden;}
.sabout img{ width: 100%; max-height: initial; object-fit: cover;}